// 通用的接口调用模块
import axios from 'axios'
import store from '@/store'
import router from '@/router'

// 接口调用的基准路径
const baseURL = ''

// 创建axios实例
const instance = axios.create({
  baseURL: baseURL
})

// 请求拦截器:统一添加请求头token
instance.interceptors.request.use(config => {
  // 统一添加请求头token（token存在时添加）
  const token = store.state.user.profile.token
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
    // config.headers = {
    //   Authorization: `Bearer ${token}`
    // }
  }
  return config
}, err => {
  return Promise.reject(err)
})

// 响应拦截器
instance.interceptors.response.use(res => {
  // 处理返回的数据:去掉一层data属性
  return res.data
}, err => {
  // 处理token失效的情况：失效后跳转到登录页面
  if (err.response && err.response.status === 401) {
    // token失效了，跳转到登录页面
    return router.push('/login')
  }
  return Promise.reject(err)
})

// 保证调用接口是参数统一传递data，作为请求参数
export default (options) => {
  let key = null
  if (options.method) {
    // 传递了method，需要判断是否为get请求，或者是其他请求方式
    if (options.method.toUpperCase() === 'GET') {
      key = 'params'
    } else {
      key = 'data'
    }
  } else {
    // 没有传递method请求方式，默认采用get请求
    key = 'params'
  }
  return instance({
    method: options.method || 'get',
    url: options.url,
    // 对象的key可以是变量（ES6的新特性）
    [key]: options.data
  })
}

// import request from './utils/request.js'
// request({
//   method: 'get',
//   url: '',
//   data: {}
// })
